<template>
  <!-- 系统设置模块-工作日设置页面 -->
  <div class="fillcontain bgfff">
    <div class="data-box">
          <el-row class="year_box">
            <el-col :span="6" class="text_right"><i class="el-icon-arrow-left"></i></el-col>
            <el-col :span="12" class="text_center">
                <span  class="year">2019年10月</span>
            </el-col>
            <el-col :span="6" class="text_left"><i class="el-icon-arrow-right"></i></el-col>
        </el-row>
        <el-row class="setday">
            <el-col :span="24">
                <el-calendar>
                     <template
                        slot="dateCell"
                        slot-scope="{date, data}">
                        <p :class="data.isSelected ? 'is-selected' : ''">
                        {{ data.day.split('-').slice(2).join('-') }}
                        </p>
                        <el-row class="set">
                            <el-col :span="24">
                                <el-radio-group v-model="dayRadio">
                                    <el-radio :label="1" class="pt5 holiDay">节假日</el-radio>
                                    <el-radio :label="2" class="pt5 wordDay">正常工作日</el-radio>
                                </el-radio-group>
                            </el-col>
                            <el-col :span="24" class="pt5">
                                 <el-checkbox v-model="checked"  class="monthKnots">月结</el-checkbox>
                            </el-col>
                        </el-row>
                    </template>
                </el-calendar> 
            </el-col>
        </el-row>
    </div>
    <el-row class="pb20 pt20 bor_top mt20">
        <el-col :span="12" class="text_right pr20">
          <el-button type="danger" class="dangerbutton">返回</el-button>
        </el-col>
         <el-col :span="12">
          <el-button type="danger" class="Defaultbutton">保存</el-button>
        </el-col>
    </el-row>
  </div>
</template>
  
<script>
  export default {
    data() {
      return {
        value: new Date(),
        dayRadio:'',
        checked:false,
      }
    },
    methods:{}
  }
</script>
  
<style lang="less" scoped>
  /* 日历控件 */
.data-box{
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    .year_box{
        background-color: #F7F9FA;
        border-bottom: 1px solid #EBEFF0;
        padding: 15px 0;
        .year{
            color: #333;
            font-size: 24px;
        }
        .el-icon-arrow-left,.el-icon-arrow-right{
            color: #ccc!important;
            cursor: pointer;
            font-size: 24px;
        }
    }
}
.is-selected {
    color: #1989FA;
  }
</style>